<template>
  <div class="right-container">
    <h3>Right 组件</h3>
    <p>{{ this.msg }}</p>
  </div>
</template>

<script>
import bus from '../EventBus/index.js'
export default {
  data() {
    return{
      msg: ''
    }
  },
  created(){
      bus.$on('onlist', val => {
       this.msg = val
      })
  }
}
</script>

<style lang="less">
.right-container {
  padding: 0 20px 20px;
  background-color: lightskyblue;
  min-height: 250px;
  flex: 1;
}
</style>
